<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>十二月手边书</title>
    <link rel="stylesheet" href="css/index.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/rem.js"></script>
</head>

<body>
    <!-- title log图 -->
    <div class="log">
        <img src="imgs/tit/logo.png" alt="" class="log_img">
    </div>
    <!-- 日历 -->
    <div class="con_rili">
        <div class="rili_yue">
            <img src="imgs/tit/date.png" alt="">
        </div>
        <hr class="hr_">
        <div class="rili_zhou">
            <img src="imgs/tit/zhou_03.png" alt="">
        </div>

        <div class="con_box">
            <div class="f">
                <img src="imgs/days/day_(26).png" alt="">
                <img src="imgs/days/day_(27).png" alt="">
                <img src="imgs/days/day_(28).png" alt="">
                <img src="imgs/days/day_(29).png" alt="">

                <img src="imgs/days/day_(30).png" alt="">
                <div id="css3_" onclick="click_scroll_one()">
                    <div class="container dong" onclick="click_scroll_one()">
                        <div class="dot" onclick="click_scroll_one()"></div>
                        <div class="pulse" onclick="click_scroll_one()"></div>
                    </div>
                    <img src="imgs/days/day(1).png" alt="" onclick="click_scroll_one()">
                </div>
                <img src="imgs/days/day(2).png" alt="" onclick="click_scroll_two()">
            </div>
        
        <div class="f">
            <img src="imgs/days/day(3).png" alt="">
            <img src="imgs/days/day(4).png" alt="">
            <img src="imgs/days/day(5).png" alt="">
            <img src="imgs/days/day(6).png" alt="">
            <img src="imgs/days/day(7).png" alt="" onclick="click_scroll_seven()">
            <img src="imgs/days/day(8).png" alt="">
            <img src="imgs/days/day(9).png" alt="" onclick="click_scroll_nine()">
        </div>
        <div class="f">
            <img src="imgs/days/day(10).png" alt="">
            <img src="imgs/days/day(11).png" alt="">
            <img src="imgs/days/day(12).png" alt="" onclick="click_scroll_twelve()">
            <img src="imgs/days/day(13).png" alt="" onclick="click_scroll_thirteen()">
            <img src="imgs/days/day(14).png" alt="">
            <img src="imgs/days/day(15).png" alt="" onclick="click_scroll_fifteen()">
            <img src="imgs/days/day(16).png" alt="">
        </div>
        <div class="f">
            <img src="imgs/days/day(17).png" alt="">
            <img src="imgs/days/day(18).png" alt="">
            <img src="imgs/days/day(19).png" alt="">
            <img src="imgs/days/day(20).png" alt="" onclick="click_scroll_twenty()">
            <img src="imgs/days/day(21).png" alt="">
            <img src="imgs/days/day(22).png" alt="" onclick="click_scroll_twentytwo()">
            <img src="imgs/days/day(23).png" alt="">
        </div>
        <div class="f">
            <img src="imgs/days/day(24).png" alt="" onclick="click_scroll_twentyfour()">
            <img src="imgs/days/day(25).png" alt="" onclick="click_scroll_twentyfive()">
            <img src="imgs/days/day(26).png" alt="">
            <img src="imgs/days/day(27).png" alt="">
            <img src="imgs/days/day(28).png" alt="">
            <img src="imgs/days/day(29).png" alt="">
            <img src="imgs/days/day(30).png" alt="">
        </div>
        <div class="f">
            <img src="imgs/days/day(31).png" alt="">
            <img src="imgs/days/day_(1).png" alt="">
            <img src="imgs/days/day_(2).png" alt="">
            <img src="imgs/days/day_(3).png" alt="">
            <img src="imgs/days/day_(4).png" alt="">
            <img src="imgs/days/day_(5).png" alt="">
            <img src="imgs/days/day_(6).png" alt="">
        </div>

    </div>

    <!-- 颜色说明 -->
    <div class="teshu">
        <img src="imgs/tit/color.png" alt="">
    </div>

    <!-- 特殊说明 -->
    <div class="state">
        <img src="imgs/tit/state.png" alt="">
    </div>
    </div>

    <!-- 特殊日期内容 -->
    <div class="content">
        <!-- 11审核规则调整 -->
        <div class="con_flex">
            <img src="imgs\content\11guizetiaozheng.png" alt="" class="con_img">
        </div>

        <!-- 12月1日 艾滋病日 -->
        <div class="con_flex" id="con_1">
            <img src="imgs\content\aizibingri.png" alt="" class="con_img">
        </div>

        <!-- 12月 交通安全日-->
        <div class="con_flex" id="con_2">
            <img src="imgs/content/anquanri.png" alt="" class="con_img">
        </div>

        <!-- 12月7号 大雪-->
        <div class="con_flex" id="con_7">
            <img src="imgs/content/daxue.png" alt="" class="con_img">
        </div>

        <!-- 12月9日 足球日 -->
        <div class="con_flex" id="con_9">
            <img src="imgs/content/zuqiuri.png" alt="" class="con_img">
        </div>

        <!-- 12月12号 双12电商促销日 -->
        <div class="con_flex" id="con_12">
            <img src="imgs/content/1212.png" alt="" class="con_img">
        </div>

        <!-- 12月13号 南京大屠杀 -->
        <div class="con_flex" id="con_13">
            <img src="imgs/content/nanjingdatusha.png" alt="" class="con_img">
        </div>

        <!-- 12月15号 强化免疫日 -->
        <div class="con_flex" id="con_15">
            <img src="imgs/content/mianyiri.png" alt="" class="con_img">
        </div>

        <!-- 12月20号 澳门回归 -->
        <div class="con_flex" id="con_20">
            <img src="imgs/content/aomenhuiguijinianri.png" alt="" class="con_img">
        </div>

        <!-- 12月22号 冬至 -->
        <div class="con_flex" id="con_22">
            <img src="imgs/content/dongzhi.png" alt="" class="con_img">
        </div>

        <!-- 12月24号 平安夜 -->
        <div class="con_flex" id="con_24">
            <img src="imgs/content/pinganye.png" alt="" class="con_img">
        </div>

        <!-- 12月25号 圣诞节 -->
        <div class="con_flex" id="con_25">
            <img src="imgs/content/shengdanjie.png" alt="" class="con_img">
        </div>
    </div>
    <div class="botm">
        <p>版权归广告主所有，仅供参考，请勿抄袭</p>
    </div>
    <div id="top" onclick="Top()">
        <img src="imgs/tit/top.jpg" alt="">
    </div>
</body>

</html>